html {
    overflow-y: hidden;
    overflow-x: hidden;
    font-size: 20px;
    -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    width: 0;
    /*滚动条宽度为零*/
    height: 0;
    /*滚动条高度为零*/
}

input[type=button] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

body,
div,
h1,
h2,
input,
li,
p,
select,
ul {
    margin: 0;
    padding: 0;
}

body {
    font-size: 0.7rem !important;
    background: #eee;
}

h1,
h2 {
    font-weight: 400;
}

li {
    list-style-type: none;
}

img {
    border: 0;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

body {
    margin: 0;
}


/*reset*/

body,
button,
input,
select,
textarea {
    font: 100%/1 STHeitiSC, "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei";
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
p,
blockquote,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
article,
aside,
footer,
header,
hgroup,
nav,
section,
menu {
    /*margin: 0;
	padding: 0;*/
    -webkit-text-size-adjust: none;
    font-size: 100%;
}

em,
i {
    font-style: normal;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

li {
    list-style: none;
}

img {
    border: 0;
}

input,
img {
    /*vertical-align: middle;*/
    outline-style: none;
}

.clearfix {
    clear: both;
}

article,
aside,
footer,
header,
hgroup,
nav,
section,
menu {
    display: block;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*margin: 0;
	padding: 0;*/
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: none;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #666;
    display: block;
}

body {
    word-break: break-all;
    font-size: 14px;
    color: #666 !important;
}

html,
body {
    height: 100%;
    overflow: auto;
    line-height: 1.2rem;
}

select,
textarea {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    font-size: 0.875em;
    color: #535e57;
}

textarea {
    width: 100%;
    line-height: 1.25em;
}

select {
    -webkit-appearance: listbox;
    appearance: listbox;
}

.priceFont,
.greyFont {
    letter-spacing: -0.05rem;
    white-space: nowrap;
}

.height-2 {
    height: 2rem;
}

.line-height-2 {
    line-height: 2rem;
}

.noscroll {
    overflow: hidden;
}

.span-inLine {
    display: inline-block;
}


/*.container {
    position: relative;
    height: 100%;
}*/

.main {
    position: absolute;
    padding-top: 2rem;
    width: 16rem;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 3rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.main-highBottom {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #eee;
    position: absolute;
    top: 0rem;
    bottom: 4.3rem;
}

.fullMain {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #eee;
    position: absolute;
    top: 0;
    bottom: 0;
}

.addWrap {
    position: relative;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 0;
}

    .addWrap .swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }

    .addWrap .swipe-wrap {
        overflow: hidden;
        position: relative;
    }

        .addWrap .swipe-wrap > div {
            float: left;
            width: 100%;
            position: relative;
        }

#position {
    position: absolute;
    top: 0.3rem;
    right: 0;
    margin: 0;
    opacity: 0.8;
    width: 100%;
    filter: alpha(opacity=50);
    text-align: center;
}

    #position li {
        width: 0.5rem;
        height: 0.5rem;
        margin: 0 2px;
        display: inline-block;
        -webkit-border-radius: 5px;
        border-radius: 0.25rem;
        background-color: #AFAFAF;
    }

        #position li.cur {
            background-color: #FF0000;
        }

.img-responsive {
    display: block;
    width: 100%;
    height: 9rem;
}

.index-menu {
    background: #FFFFFF;
    width: 100%;
}

    .index-menu a:active {
        background: #ddd;
    }

.mainMenu,
.mainMenu ul {
    float: left;
    width: 100%;
}

    .mainMenu ul li {
        float: left;
        width: 33.3%;
        border-right: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        text-align: center;
    }

        .mainMenu ul li span {
            line-height: 2.4rem;
            font-size: 0.9rem;
            display: block;
        }

        .mainMenu ul li p {
            font-size: 0.6rem;
            display: block;
            color: #a6a6a6;
        }

        .mainMenu ul li div {
            width: 100%;
            height: 3rem;
            margin-top: 0.5rem;
            overflow: hidden;
            vertical-align: middle;
            text-align: center;
        }

    .mainMenu img {
        max-width: 80%;
        max-height: 80%;
        margin: auto;
    }

.minorMenu {
    width: 16rem;
    display: block;
    float: left;
    border-bottom: 1px solid #dcdcdc;
}

    .minorMenu .left {
        float: left;
        width: 50%;
        text-align: center;
        border-right: 1px solid #dcdcdc;
        height: 7.8rem;
        overflow: hidden;
    }


    /*.minorMenu .left span {
            line-height: 2.4rem;
            font-size: 0.9rem;
            display: block;
        }

        .minorMenu .left p {
            font-size: 0.6rem;
            display: block;
            color: #a6a6a6;
            line-height: 1rem;
        }

        .minorMenu .left div {
            width: 100%;
            height: 3.83rem;
            margin-top: 0.5rem;
            overflow: hidden;
            vertical-align: middle;
            text-align: center;
        }

        .minorMenu .left img {
            max-width: 70%;
            max-height: 70%;
            margin: auto;
        }*/

    .minorMenu .right {
        float: left;
        width: 50%;
        height: 7.8rem;
        text-align: center;
        overflow: hidden;
    }

.quickEnter {
    width: 8rem;
    padding-right: 1rem;
    height: 2.6rem;
    border-bottom: 1px solid #dcdcdc;
}

.minorMenu .quickEnter:last-child {
    border-bottom: none;
}

.quickEnter .icon {
    font-size: 0.9rem;
    float: left;
    margin-left: 0.5rem;
    line-height: 2.6rem;
}

.quickEnter p {
    font-size: 0.7rem;
    line-height: 2.6rem;
}

.quickEnter span {
    font-size: 0.7rem;
    line-height: 2.6rem;
    text-align: center;
    display: block;
}

.quickEnter div {
    float: left;
    width: 1.6rem;
    margin-top: 0.5rem;
    margin-left: 0.3rem;
}

.quickEnter img {
    max-width: 100%;
}

.bottomMenu {
    border-bottom: 1px solid #dcdcdc;
}

    .bottomMenu .left {
        float: left;
        width: 50%;
        border-right: 1px solid #dcdcdc;
    }

    .bottomMenu .right {
        float: left;
        width: 50%;
    }

.footNav {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    color: #666;
    text-align: center;
    border-top: 1px solid #dcdcdc;
    z-index: 9;
}

.footButton,
.footBar {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    z-index: 5;
    text-align: center;
    /*border-top: 1px solid #dcdcdc;*/
}

.foot-bg {
    position: fixed;
    width: 100%;
    height: 2.5rem;
    bottom: 0;
    background: #000;
    opacity: 0.4;
    z-index: 4;
}

.footNav li {
    float: left;
    width: 4rem;
    margin-top: 0.2rem;
    line-height: 1rem;
    z-index: 9;
}

    .footNav li .icon {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    .footNav li p {
        font-size: 0.7rem;
    }

.footButton li,
.footBar li {
    float: left;
    /*line-height: 2.5rem;*/
}

.footBar .btn {
    margin: 0.5rem;
    width: 15rem;
}

.footBar .left {
    padding-left: 0.5rem;
    text-align: left;
    width: 8rem;
    height: 2.5rem;
    line-height: 2.5rem;
}

.footBar .right {
    width: 8rem;
    height: 2.5rem;
    padding: 0;
}

    .footBar .right .btn {
        width: 5.5rem;
        margin-right: 0;
        float: left;
    }

    .footBar .right .btn-block {
        width: 7rem;
    }

    .footBar .right .qiehuan {
        width: 2rem;
        display: inline-block;
        float: right;
    }

        .footBar .right .qiehuan i {
            font-size: 1.5rem !important;
        }

.footButton {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    z-index: 99;
    text-align: center;
    /*line-height: 2.5rem;*/
}

    .footButton .left {
        width: 7rem;
        text-align: left;
        padding-left: 0.5rem;
        line-height: 2.5rem;
    }

    .footButton .right {
        width: 9rem;
        height: 2.5rem;
        text-align: center;
        padding: 0 0.5rem;
        float: right;
    }

    .footButton .footIcon {
        width: 3.3rem;
        height: 1.9rem;
        margin-top: 0.3rem;
        border-right: 1px solid #dcdcdc;
        line-height: 1.9rem;
    }

        .footButton .footIcon .icon {
            font-size: 1.1rem;
            color: #fff;
        }

.footNav.footButton {
    height: 2rem !important;
    position: absolute;
    bottom: 0;
}

.footFixedBar {
    position: absolute;
    bottom: 2.4rem;
    width: 16rem;
}

.footFullButton {
    width: 100%;
    position: absolute;
    bottom: 0;
    color: #666;
    text-align: center;
}

.footButton .collection .icon {
    font-size: 1.2rem;
}

.footButton .phone .icon:active {
    color: #4cc160;
}

.footButton .icon-icon {
    color: #e90101 !important;
    font-size: 1.4rem !important;
}

.usePeople {
    background: #fff;
    float: left;
    width: 16rem;
    border-bottom: 1px solid #dcdcdc;
}

    .usePeople li {
        float: left;
        line-height: 1.9rem;
    }

        .usePeople li .icon-bianji {
            font-size: 2rem;
        }

        .usePeople li:first-child {
            width: 4rem;
            text-align: center;
            line-height: 4rem;
        }

        .usePeople li:last-child {
            width: 2rem;
            text-align: center;
            float: right;
            line-height: 4rem;
        }


/*.footNav a:visited{
	color: #666;
}*/

.header {
    z-index: 1;
    top: 0;
    width: 16rem;
    position: fixed;
    height: 2rem;
    background: #e90101;
}

    .header .searchBar {
        width: 10rem;
        border-radius: 0.3rem;
        background: #fff;
        height: 1.2rem;
        left: 3rem;
        position: absolute;
        top: 0.4rem;
        line-height: 1.2rem;
    }

        .header .searchBar input {
            width: 8rem;
            height: 1.2rem;
            border: none;
            background: #fff;
            padding-left: 1rem;
            line-height: 1.2rem;
            border-radius: 0.3rem;
        }

        .header .searchBar div {
            width: 1.6rem;
            float: right;
            height: 1.2rem;
            text-align: center;
        }

            .header .searchBar div .icon {
                line-height: 1.2rem;
            }

    .header .title {
        width: 12rem;
        text-align: center;
        margin-left: 2rem;
        line-height: 2rem;
        color: #fff;
        font-size: 0.9rem;
    }

.leftArrow {
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: 0;
    text-align: center;
}

.backHome {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 0;
    top: 0;
    text-align: center;
}

    .leftArrow .icon,
    .backHome .icon {
        line-height: 2rem;
        font-size: 1.2rem;
    }

    .leftArrow a,
    .backHome a {
        color: #fff;
    }

        .leftArrow a:visited,
        .backHome a:visited {
            color: #fff;
        }

        .leftArrow a:active,
        .backHome a:active {
            background: #ddd;
        }


/* 筛选条 */

.screening,
.screeningBig {
    height: 2rem;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.9rem;
}

    .screening ul {
        float: left;
    }

        .screening ul li {
            text-align: center;
            width: 5.3rem;
            float: left;
            border-right: 1px solid #dcdcdc;
            position: relative;
        }

            .screening ul li p {
                display: inline-block;
                text-align: center;
            }

    .screeningBig ul li p {
        display: inline-block;
        text-align: center;
    }

    .screening ul li .icon,
    .screeningBig ul li .icon {
        font-size: 0.6rem;
    }

    .screeningBig ul li {
        text-align: center;
        border-right: 1px solid #dcdcdc;
        position: relative;
    }

    .screeningBig .visaType ul {
        float: left;
    }

        .screeningBig .visaType ul li {
            text-align: center;
            width: 15rem;
            float: left;
            position: relative;
        }


/* 大分类 */

.category {
    background: #fff;
    margin-bottom: 1rem;
}

    .category .bigPic {
        position: relative;
    }

        .category .bigPic img {
            max-width: 100%;
        }

    .category .describe {
        padding: 0.3rem 1rem;
    }

        .category .describe span {
            display: block;
            color: #ee6f4c;
            line-height: 1.4rem;
        }

        .category .describe b {
            display: inline-block;
            color: #ee6f4c;
            line-height: 1.4rem;
        }

        .category .describe p {
            display: inline;
            line-height: 1.4rem;
        }

    .category .smallPic ul li {
        float: left;
        width: 33.3%;
        position: relative;
    }

    .category .smallPic img {
        max-width: 100%;
    }

    .category .smallPic .bottom,
    .bigPic .bottom {
        width: 100%;
        height: 1.2rem;
        background: #000;
        opacity: 0.5;
        position: absolute;
        bottom: 0;
        padding: 0 0.5rem;
    }

        .category .smallPic .bottom span,
        .bigPic .bottom span {
            color: #fff;
            display: block;
            line-height: 1.2rem;
        }


/*  内容明细图片 */

.describe img {
    max-width: 90% !important;
    margin: 0 auto !important;
}


/* 产品列表 */

.product {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
    height: 4rem;
    background: #fff;
}

    .product a {
        display: inline-block;
    }

        .product a:active {
            background: #ddd;
        }

    .product .pic {
        float: left;
        width: 4rem;
        height: 4rem;
        padding: 0.5rem;
    }

        .product .pic img {
            width: 100%;
            height: 100%;
        }

    .product .details {
        float: right;
        width: 12rem;
        /*height: 4rem;*/
        padding: 0.5rem 0.5rem 0.5rem 0;
        line-height: 1rem;
    }

.w-10 {
    width: 10rem !important;
}

.product .jump {
    position: absolute;
    right: 0.5rem;
    line-height: 4rem;
}

.product .details li {
    max-height: 1.9rem;
    overflow: hidden;
}

.product .details p {
    display: inline;
    line-height: 1.06rem;
}

.product .details .discount,
.detailPrice .discount {
    display: inline-block;
    background: #e03a3e;
    border-radius: 0.2rem;
    margin-left: 0.5rem;
    line-height: 0.8rem;
    color: #fff;
    padding: 0 0.2rem;
    font-size: 0.6rem;
}


/*.orderState {
	padding: 0 0.5rem;
	min-height: 1.5rem;
	background: #fff;
	margin-bottom: 0.5rem;
	border-top: 1px solid #dcdcdc;
}
.orderState li {
	line-height: 1.45rem;
}*/


/* 订单列表 */

.orderList {
    border-bottom: 1px solid #dcdcdc;
    background: #fff;
}

    .orderList a {
        display: inline-block;
    }

        .orderList a:active {
            background: #ddd;
        }

    .orderList .details {
        float: right;
        width: 15rem;
        margin: 0 0.5rem;
        line-height: 1.2rem;
    }

        .orderList .details p {
            display: inline;
        }

        .orderList .details .discount,
        .detailPrice .discount {
            display: inline-block;
            background: #e03a3e;
            border-radius: 0.2rem;
            margin-left: 0.5rem;
            line-height: 0.8rem;
            color: #fff;
            padding: 0 0.2rem;
            font-size: 0.6rem;
        }

.orderState {
    padding: 0 0.5rem;
    min-height: 1.5rem;
    background: #fff;
    margin-bottom: 0.5rem;
    border-top: 1px solid #dcdcdc;
}

    .orderState li {
        line-height: 1.45rem;
    }


/* 产品详情 */

.font-b {
    font-weight: bold !important;
    color: #000;
}

.addWrap .title {
    min-height: 2rem;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    /*	opacity: 0.35;*/
    /*	FILTER: alpha(opacity=35);*/
    bottom: 0rem;
    z-index: 1;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}
.addWrap .title h3 {
        display: block;
        color: #fff;
        z-index: 5;
        margin: 0;
        line-height: 1.5rem;
        font-size: 0.7rem;
    }
    .addWrap .title p {
        display: block;
        color: #fff;
        z-index: 5;
        line-height: 1rem;
        font-size: 0.7rem;
    }

.detailPrice {
    /*background: #fff;*/
    padding: 0.5rem 0.5rem 0.2rem 0.5rem;
}

.checkData {
    background: #fff;
    line-height: 1.6rem;
}

    .checkData .title {
        width: 16rem;
        padding: 0 0.5rem;
        margin: 0 auto;
        border-bottom: 1px solid #dcdcdc;
        font-size: 0.7rem;
    }

        .checkData .title i {
            font-size: 0.8rem;
        }

            .checkData .title i:last-child {
                float: right;
            }

    .checkData .data {
        padding: 0 0.5rem;
        line-height: 1.5rem;
        font-size: 0.7rem;
    }

    .checkData p {
        display: inline-block;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        color: #a6a6a6;
        ;
    }

    .checkData span {
        color: #a6a6a6;
        ;
    }

.ditailsTab {
    height: 1.4rem;
    border-bottom: 1px solid #dcdcdc;
    background: #fff;
}

.three li {
    width: 5.23rem !important;
}

.ditailsTab li {
    float: left;
    width: 3.9rem;
    margin: 0 0.05rem;
    line-height: 1.4rem;
    text-align: center;
    /*margin-top: -0.1rem;*/
    font-size: 0.8rem;
    background: #a1a1a1;
    color: #fff;
    font-weight: bold;
}

    .ditailsTab li.cur {
        color: #fff;
        background: #e90101;
    }

.halfTab li {
    margin: 0.05rem;
    float: left;
    width: 7.9rem;
    text-align: center;
}

.lineDetails .describe {
    padding: 0.2rem 0.5rem;
    font-size: 0.7rem;
    line-height: 1.2rem;
    min-height: 10rem;
    background: #fff3f3;
}

    .lineDetails .describe ul {
        margin-top: 0.5rem;
    }

    .lineDetails .describe b {
        line-height: 1.2rem;
    }


/* 填写表单 */

.listTitle {
    background: #fff;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #dcdcdc;
}

    .listTitle p {
        display: inline-block;
    }

.form {
    background: #fff;
    position: relative;
}

    .form ul li {
        border-bottom: 1px solid #dcdcdc;
        line-height: 1.95rem;
        min-height: 2rem;
        font-size: 0.7rem;
    }

        .form ul li p {
            display: inline-block;
            margin-left: 1rem;
            max-width: 4.5rem;
        }

        .form ul li .selectBar {
            float: right;
            margin-right: 0.5rem;
        }

.remark {
    text-align: right;
    padding-right: 1rem;
    display: block;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
}

.form .massage {
    position: absolute;
    left: 6rem;
}

.form ul li input,
.form ul li textarea {
    position: absolute;
    left: 5.5rem;
    width: 10rem;
    border: none;
    line-height: 1.9rem;
    padding-right: 0.5rem;
}

.form ul li .identify {
    width: 6rem;
}

.form ul li .getCode {
    position: absolute;
    left: 11.5rem;
    width: 4.5rem;
    line-height: 1.95rem;
    background: #2f9833;
    color: #fff;
    border-left: 1px solid #dcdcdc;
}

.form ul li a {
    top: 0;
    text-align: center;
}

.form ul li .getCodedis {
    position: absolute;
    left: 11.5rem;
    width: 4.5rem;
    line-height: 1.9rem;
    background: #e1e1e1;
    color: grey;
    border-left: 1px solid #dcdcdc;
}

.form .input .right {
    text-align: right;
}

.form select {
    position: absolute;
    left: 5.4rem;
    width: 9rem;
    border: none;
    line-height: 1.8rem;
    direction: rtl;
    border: none;
}

    .form select option {
        direction: rtl;
    }

.form ul li .icon {
    margin-right: 0.5rem;
}

.form .long {
    height: 4rem;
}

    .form .long textarea {
        position: absolute;
        left: 4.5rem;
        width: 10rem;
        border: none;
        line-height: 1.2rem;
        margin-top: 0.4rem;
        font-size: 0.7rem;
    }

.form .textarea {
    min-height: 4rem;
}

    .form .textarea textarea {
        line-height: 1rem;
    }

.subTitle {
    background: #f6f6f6;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 1rem;
}

    .subTitle span {
        color: #a6a6a6;
    }

.chooseTourist {
    background: #fff;
    max-height: 14rem;
    line-height: 1.3rem;
    width: 14rem;
    margin: auto;
    border-radius: .4rem;
    border: 1px solid #dcdcdc;
    overflow: auto;
    position: absolute;
    top: 8rem;
    right: 1rem;
}

    .chooseTourist li {
        padding: .2rem 0 .2rem 1rem;
        border-bottom: 1px solid #dcdcdc;
    }

        .chooseTourist li:last-child {
            border-bottom: none;
        }

        .chooseTourist li span {
            font-size: .6rem;
        }

    .chooseTourist input {
        margin-top: .9rem;
        float: right;
        margin-right: .9rem;
    }

    .chooseTourist .icon {
        color: #ddd;
    }

    .chooseTourist a {
        display: inline-block;
        float: right;
        width: 2.4rem;
        text-align: center;
    }


/* 显示信息 */

.massage {
    background: #fff;
    /*padding: 0 0.5rem;*/
}

    .massage .prompt {
        border-bottom: 1px solid #dcdcdc;
        line-height: 2.5rem;
        text-align: center;
        font-size: 1rem;
    }

        .massage .prompt .icon {
            font-size: 1.2rem;
        }

    .massage .content {
        line-height: 1.5rem;
        padding: 1rem;
    }

        .massage .content li {
            line-height: 1.5rem;
        }

        .massage .content p {
            margin-left: 0.5rem;
            font-size: 0.7rem;
            display: inline-block;
        }

        .massage .content span {
            display: inline-block;
            float: right;
            margin-right: 0.5rem;
            font-size: 0.7rem;
        }

        .massage .content .price {
            font-size: 1rem;
            line-height: 2rem;
        }

            .massage .content .price span {
                line-height: 2rem;
            }

.massageButton {
    line-height: 2rem;
    height: 2rem;
    width: 100%;
    background: #fff;
    border: none;
    border-top: 1px solid #dcdcdc;
}

    .massageButton:active {
        background: #ddd;
    }

.insurance {
    background: #fff;
    padding: 0rem 1rem 0 1rem;
}

    .insurance p {
        display: inline-block;
        width: 14rem;
    }

.insuranceChk {
    display: inline-block;
    float: right;
    margin-top: 0.2rem;
}

.insurance span {
    line-height: 1rem;
}

.dropDown,
.upDown {
    display: block;
    background: #fff;
    width: 16rem;
    line-height: 1.5rem;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}

.orderNotice {
    background: #fff;
    padding: 0 1rem;
    line-height: 1.5rem;
}

    .orderNotice dl {
        margin: 0;
    }

        .orderNotice dl dt {
            float: left;
            color: #a6a6a6;
            width: 4rem;
            line-height: 1rem;
        }

        .orderNotice dl dd {
            margin-left: 4rem;
            line-height: 1rem;
        }

.ticketPrompt {
    background: #fff;
    padding: .5rem .5rem;
    line-height: 1.5rem;
    font-size: .6rem;
}

    .ticketPrompt dl {
        margin: 0;
    }

        .ticketPrompt dl dt {
            float: left;
            line-height: 1rem;
        }

        .ticketPrompt dl dd {
            margin-left: 3rem;
            line-height: 1rem;
        }


/* 无查询结果 */

.centerPrompt .pic {
    width: 100%;
    height: 6rem;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}

    .centerPrompt .pic img {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }

.centerPrompt .massage {
    padding: 0 1rem;
    text-align: center;
    line-height: 1.5rem;
    background: none;
}


/* 个人首页 */

.user {
    width: 100%;
    min-height: 4rem;
    background: #fff;
    padding: 0.5rem 0 0 1rem;
    border-bottom: 1px solid #dcdcdc;
}

    .user .left {
        width: 3rem;
        float: left;
        height: 3rem;
        overflow: hidden;
        vertical-align: middle;
        text-align: center;
    }

        .user .left img {
            max-height: 100%;
            max-width: 100%;
            margin: auto;
        }

    .user .right {
        float: left;
        width: 12rem;
        padding: 0.2rem 0 0 1rem;
        line-height: 1.5rem;
    }

        .user .right p {
            display: inline-block;
        }

    .user .bottom {
        width: 100%;
        position: relative;
    }

    .user .right a {
        display: inline-block;
        text-align: center;
    }

.jumpBar {
    min-height: 2rem;
    background: #fff;
    line-height: 1.95rem;
    padding: 0 .5rem;
    font-size: 0.7rem;
    border-bottom: 1px solid #dcdcdc;
}

    .jumpBar .mark {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        float: right;
        margin-top: 0.45rem;
        margin-right: 0.2rem;
        border-radius: 0.5rem;
        background: #ee6f4c;
        color: #fff;
        line-height: 1rem;
        text-align: center;
    }

    .jumpBar .resultNumber {
        float: right;
        margin-right: 0.1rem;
    }

    .jumpBar .right {
        display: inline-block;
        float: right;
        line-height: normal;
        padding: 0.5rem 0.5rem 0 0;
        max-width: 10rem;
    }

    .jumpBar .icon-jiantouyou {
        float: right;
    }

    .jumpBar .greenBar {
        float: left;
        background: #4cc160;
        width: 4px;
        height: 1rem;
        margin-top: .45rem;
    }


/* 我的下线 */

.offlineIcon {
    width: 100%;
    min-height: 4rem;
    background: #fff;
    padding: 0.5rem;
    border-bottom: 1px solid #dcdcdc;
}

    .offlineIcon .left {
        width: 5rem;
        float: left;
        height: 3rem;
        overflow: hidden;
        vertical-align: middle;
        text-align: center;
    }

        .offlineIcon .left img {
            max-height: 80%;
            margin: auto;
        }

    .offlineIcon .right {
        float: right;
        width: 10rem;
        padding: 0 0.5rem;
        line-height: 1.5rem;
    }

        .offlineIcon .right p {
            display: inline-block;
        }


/* 订单详情 */

.massageList {
    line-height: 1.5rem;
    background: #fff;
    padding: 0.5rem 1rem;
    border-top: 1px solid #dcdcdc;
    width: 16rem;
    color: #A6A6A6;
    position: relative;
}

    .massageList p {
        display: inline-block;
        width: 5rem;
        text-align: left;
    }

    .massageList .cancelButton {
        position: absolute;
        width: 3rem;
        height: 3rem;
        background: #4cc160;
        border-radius: 0.2rem;
        text-align: center;
        right: 1rem;
        top: 2.5rem;
        line-height: 1rem;
        padding: 0.5rem;
        font-size: 0.8rem;
    }

        .massageList .cancelButton a {
            color: #fff;
            ;
        }

.fullTitle {
    line-height: 2rem;
    text-align: center;
    background: #fff;
}


/* 下线消费 */

.offlineTableHeader,
.offlineTablefoot {
    float: left;
}

    .offlineTableHeader li,
    .offlineTablefoot li {
        width: 5.3rem;
        float: left;
        line-height: 2rem;
        padding-left: 1rem;
        border-top: 1px solid #dcdcdc;
        background: #fff;
    }

.offlineTablefoot {
    position: absolute;
    bottom: 2.5rem;
}

.offlineList {
    position: absolute;
    bottom: 4.5rem;
    top: 6rem;
    overflow: scroll;
}

.offlineTable {
    width: 100%;
    max-height: 100%;
    background: #fff;
    border-top: 1px solid #dcdcdc;
}

    .offlineTable td,
    .offlineTable th {
        width: 5.3rem;
        text-align: left;
        padding-left: 1rem;
        line-height: 2rem;
        border-bottom: 1px solid #dcdcdc;
    }

    .offlineTable tr th {
        margin-top: 0.5rem;
    }

    .offlineTable thead {
    }

.amount li {
    float: right;
    line-height: 2rem;
    padding-right: 1rem;
}

    .amount li p {
        display: inline-block;
    }


/* 常用游客 */

.useVisitor {
    background: #fff;
}

.inlineBlock {
    display: inline-block;
}


/* 公告信息 */

.notice .minHeight {
    min-height: 4rem;
}

.notice dl {
    margin: 0;
}

    .notice dl h4 {
        font-size: 0.7rem;
    }

.notice dt {
    color: #a6a6a6;
    /* width: 2.5rem;*/
    line-height: 1rem;
    font-size: 0.5rem;
}

.notice dd {
    margin-left: 0;
    line-height: 0.8rem;
    font-size: 0.6rem;
}

.notice {
    width: 100%;
    background: #fff;
    padding: 0.2rem 0.5rem;
    line-height: 1.3rem;
    border-bottom: 1px solid #dcdcdc;
}

    .notice h4 {
        margin: 0;
    }


/* 票务*/

.fullInput {
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
}

    .fullInput input {
        width: 16rem;
        border: none;
        line-height: 2rem;
        padding-left: 2rem;
    }

.halfButton {
    float: left;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}

    .halfButton li {
        width: 8rem;
        float: left;
        border-right: 1px solid #dcdcdc;
        line-height: 2rem;
    }

    .halfButton .icon {
        margin-right: 0.5rem;
    }


/* 票务列表*/

.ticketList {
    background: #482915;
    color: #fff;
    padding: 0 0.2rem;
    width: 15rem;
    margin: auto;
    margin-top: 0.5rem;
    border-radius: 0.3rem;
    line-height: 1.5rem;
    position: relative;
}

    .ticketList .title {
        padding: 0.2rem 1rem;
        border-bottom: 1px dotted #fff;
    }

        .ticketList .title p {
            line-height: 1.5rem;
            font-size: 0.8rem;
            display: inline;
        }

        .ticketList .title span {
            font-size: 0.6rem;
            line-height: 1rem;
        }

            .ticketList .title span.brownYellowFont {
                font-size: 0.7rem;
            }

        .ticketList .title a {
            color: #fff;
            position: absolute;
            right: 0.7rem;
            top: 0.2rem;
        }

    .ticketList .content {
        line-height: 1.5rem;
    }

        .ticketList .content p {
            display: inline-block;
            width: 7.3rem;
            text-align: center;
        }

        .ticketList .content span {
            display: inline-block;
            width: 7.3rem;
            text-align: center;
            color: #d7ad34;
            font-size: 0.8rem;
        }

.QRCode {
    background: #fff;
    padding: 0.2rem;
    text-align: center;
}

    .QRCode img {
        max-width: 8rem;
        margin: auto;
    }

.ticketQRCode {
    width: 15rem;
    margin: auto;
    border-radius: 0.3rem;
}

.ticket {
    background: #fff;
    padding: 1rem 0;
}

.ticketValue {
    padding: 0;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 0.2rem;
    width: 14rem;
    float: left;
    margin-left: 1rem;
    position: relative;
    background: #fff;
}

    .ticketValue .blurBar .left {
        background: url(../img/blueBar.png) top right repeat-y;
    }

    .ticketValue .yellowBar .left {
        background: url(../img/yellowBar.png) top right repeat-y;
    }

    .ticketValue .greyBar .left {
        background: url(../img/greyBar.png) top right repeat-y;
    }

    .ticketValue .left {
        position: absolute;
        top: 0;
        left: 0;
        width: 4.5rem;
        color: #fff;
        height: 100%;
    }

        .ticketValue .left p {
            width: 3rem;
            margin: auto;
            border-top: 1px solid #fff;
        }

        .ticketValue .left .font18 {
            display: inline-block;
            line-height: 3rem;
        }

    .ticketValue .center {
        float: left;
        width: 0.3rem;
        height: 7rem;
        /*background: url(../img/blueArc.png)repeat-y 0px 0px;*/
    }

    .ticketValue .right {
        width: 9rem;
        padding: 0.2rem 0.5rem;
        margin-left: 5rem;
        line-height: 1.2rem;
    }

        .ticketValue .right p {
        }

        .ticketValue .right .code {
            width: 7.4rem;
            margin: auto;
        }

            .ticketValue .right .code img {
                max-width: 100%;
            }


/* 选择団期*/

.calendar .date {
    background: #f0f0f0;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
}


    /*.calendar .data input{
	width: 6rem;
	border: none;
	line-height: 2rem;
	text-align: center;
	background: #f0f0f0;
}*/

    .calendar .date li a {
        display: inline-block;
        width: 2rem;
    }

    .calendar .date li p {
        display: inline-block;
        padding: 0 0.5rem;
    }

.calendar table {
    border-color: #e4e4e4;
}

    .calendar table thead {
        line-height: 1.5rem;
        background: #e4e4e4;
    }

        .calendar table thead tr th {
            width: 2.285rem;
        }

    .calendar table tbody tr td {
        line-height: 2rem;
        background: #f8f8f8;
        text-align: center;
        border: 1px solid #e8e8e8;
        color: #a6a6a6;
    }

        .calendar table tbody tr td div {
            width: 2.285rem;
            line-height: 1rem;
            background: #fff;
        }

            .calendar table tbody tr td div p {
                color: #666;
            }

            .calendar table tbody tr td div span {
                font-size:0.5rem;
                color: #eb6100;
            }

            .calendar table tbody tr td div.cur {
                background: #ff7c70;
            }

                .calendar table tbody tr td div.cur p {
                    color: #fff;
                }

                .calendar table tbody tr td div.cur span {
                    color: #fff;
                }

.number {
    line-height: 1.5rem;
    background: #fff;
}

    .number li {
        padding: 0 .5rem 0 1rem;
        border-bottom: 1px solid #e8e8e8;
        position: relative;
    }

        .number li p {
            line-height: normal;
            display: inline-block;
            width: 14.5rem;
        }

        .number li .numChoice {
            float: right;
            width: 4.4rem;
            height: 1.2rem;
            /*margin-top: 0.4rem;*/
            border: 1px solid #4cc160;
            border-radius: 0.1rem;
            line-height: 1.1rem;
            text-align: center;
            background: #4cc160;
            position: relative;
        }

            .number li .numChoice p {
                position: absolute;
                width: 1.2rem;
                color: #4cc160;
                height: 1.1rem;
                font-size: 1rem;
                background: #fff;
                line-height: 1rem;
            }

                .number li .numChoice p:first-child {
                    left: 0;
                }

                .number li .numChoice p:last-child {
                    right: 0;
                }

            .number li .numChoice span {
                display: inline-block;
                color: #fff;
                width: 2rem;
                margin-left: 0rem !important;
                margin-top: 0rem !important;
            }

.hidePromptBar {
    position: absolute;
    line-height: 1.5rem;
    padding-top: 10px;
    color: #fff;
}

.number li .hidePromptBar {
    top: 1.7rem;
    left: 1rem;
    z-index: 5;
}

.user .bottom .hidePromptBar {
    right: 0.1rem;
    top: 1.9rem;
}

.footBar .hidePromptBar {
    left: .5rem;
    bottom: 2rem;
}

.hidePromptBar {
    display: inline-block;
    background: #4cc160;
    padding: 0 0.5rem;
    border-radius: 0.1rem;
    z-index: 5;
}

.number li .hidePrompt,
.hidePrompt {
    display: inline-block;
    width: 1.4rem;
}

.topArrow {
    position: absolute;
}

.number li .topArrow {
    left: 2.5rem;
    top: 1.3rem;
    line-height: 10px;
}

.user .bottom .topArrow {
    left: 3.6rem;
    top: 1.5rem;
}

.footBar .topArrow {
    left: 2.5rem;
    top: .1rem;
}


/* 签证产品列表*/

.visaList {
    width: 100%;
    min-height: 4rem;
    background: #fff;
    padding: 0.5rem;
    border-bottom: 1px solid #dcdcdc;
}

    .visaList .left {
        width: 4rem;
        float: left;
        height: 5rem;
        overflow: hidden;
        vertical-align: middle;
        text-align: center;
        margin-top: 1rem;
    }

        .visaList .left img {
            max-height: 100%;
            max-width: 100%;
            margin: auto;
        }

    .visaList .right {
        float: right;
        width: 11rem;
        padding: 0.2rem 0 0 0.5rem;
    }

        .visaList .right p {
            line-height: 1rem;
        }

        .visaList .right ul {
            margin-top: 0.3rem;
        }

            .visaList .right ul li {
                font-size: 0.5rem;
                line-height: 0.8rem;
                color: #535353;
            }

        .visaList .right span {
            line-height: 1.5rem;
        }

        .visaList .right input {
            width: 3.5rem;
            float: right;
            border: none;
            background: #4cc160;
            color: #fff;
            height: 1.3rem;
            line-height: 1.3rem;
            border-radius: 0.1rem;
            margin-right: 0.2rem;
            margin-top: 0.5rem;
        }

.screeningCountry {
    position: relative;
}

    .screeningCountry .visaCountry {
        position: absolute;
        top: 2.05rem;
    }


/* 订单报表*/

.orderReport {
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
}

    .orderReport li p.left {
        display: inline-block;
        width: 7rem;
    }

    .orderReport li p.right {
        display: inline-block;
    }


/* 预订须知*/

.bookNotice {
    background: #fff;
    padding: 0 0.5rem;
    line-height: 1.2rem;
}


/* 签证*/

.fullSearch {
    height: 2rem;
    border-bottom: .05rem solid #dcdcdc;
    border-top: .05rem solid #dcdcdc;
    background: #fff;
    position: relative;
}

    .fullSearch input {
        width: 13rem;
        border: none;
        line-height: 1.8rem;
    }

    .fullSearch .icon-search {
        display: inline-block;
        width: 2rem;
        text-align: center;
    }

    .fullSearch .search {
        position: absolute;
        width: 2rem;
        height: 1.9rem;
        background: #4cc160;
        top: 0;
        right: 0;
        color: #fff;
    }

    .fullSearch .searchResult {
        position: absolute;
        top: 1.95rem;
        left: 0;
        width: 16rem;
    }

        .fullSearch .searchResult .jumpBar {
            background: #eee;
        }

.flagList {
    float: left;
    background: #fff;
    padding-bottom: .5rem;
    border-bottom: 1px solid #dcdcdc;
}

    .flagList li {
        float: left;
        width: 5.3rem;
        padding: .7rem .5rem 0 .5rem;
        line-height: 1.1rem;
    }

        .flagList li div {
            width: 4.2rem;
            height: 2rem;
        }

            .flagList li div img {
                width: 100%;
                height: 100%;
                border-radius: .3rem;
            }

.process {
    width: 100%;
    background: #fff;
}

    .process img {
        max-width: 100%;
        max-height: 100%;
    }

.fullBar {
    background: #fff;
    padding: 0.1rem 0.5rem;
    border-bottom: 1px solid #dcdcdc;
}

    .fullBar .floatRight {
        margin-right: 0.5rem;
    }

.greenIcon {
    width: 1rem;
    height: 1rem;
    margin-top: 0.1rem;
    background: #4cc160;
    float: left;
    color: #fff;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1.1rem;
    border-radius: 0.5rem;
}

.visaCountry {
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
}

    .visaCountry .delta {
        width: 5rem;
        background: #f8f8f8;
        float: left;
    }

        .visaCountry .delta li {
            line-height: 2rem;
            width: 5rem;
            text-align: center;
            border-right: .05rem solid #dcdcdc;
            border-bottom: .05rem solid #dcdcdc;
        }

            .visaCountry .delta li:last-child {
                border-bottom: none !important;
            }

            .visaCountry .delta li.cur {
                text-align: center;
                background: #fff;
                border-left: .2rem solid #d7ad34;
            }

    .visaCountry .country {
        float: left;
    }

        .visaCountry .country ul {
            width: 10.95rem;
            height: 12.2rem;
            overflow: auto;
        }

        .visaCountry .country li {
            width: 10.95rem;
            line-height: 2rem;
            border-bottom: .05rem solid #dcdcdc;
        }

            .visaCountry .country li div {
                width: 2.8rem;
                float: left;
                padding: .6rem;
                height: 2rem;
                line-height: 1rem;
            }

                .visaCountry .country li div img {
                    width: 100%;
                    height: 100%;
                }

.visaType,
.visaDay {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .visaType ul li,
    .visaDay ul li {
        border: none !important;
    }

.screening .visaCountry {
    position: absolute;
    top: 2.05rem;
    width: 16rem;
    z-index:1
}

    .screening .visaCountry .country ul {
        height: 6.1rem;
    }

        .screening .visaCountry .country ul li {
            padding-left: 1rem;
            text-align: left;
        }


/* 公司游表单*/

.multiOption {
    height: 2.4rem;
    padding: 0 0.4rem;
    text-align: center;
}

    .multiOption li {
        width: 3.2rem;
        float: left;
        line-height: 1.5rem;
        margin: 0.4rem 0.3rem;
        border: 1px solid #dcdcdc;
        background: #fff;
        font-size: 0.6rem;
    }

        .multiOption li.cur {
            background: #e90101;
            color: #fff;
        }

.specialPrompt {
    background: #fff;
    padding: 0 0 .5rem 1rem;
}

    .specialPrompt span {
        line-height: 1rem;
        font-size: .6rem;
    }

.btn {
    color: #fff;
    width: 100%;
    margin: 0.5rem 1rem 0.5rem 0;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 0.2rem;
    text-align: center;
}

.inputData {
    border: none;
}


/* 共同模块 */

.none {
    display: none;
}

.no-border {
    border: none !important;
}

.no-border-left {
    border-left: none !important;
}

.no-border-right {
    border-right: none !important;
}

.no-border-top {
    border-top: none !important;
}

.border-right {
    border-right: 1px solid #DCDCDC;
}

.border-top {
    border-top: 1px solid #DCDCDC;
}

.border-bottom {
    border-bottom: 1px solid #DCDCDC;
}

.no-border-bottom {
    border-bottom: none !important;
}

.orangeFont {
    color: #eea326;
}

.normalFont {
    color: #666;
}

.marginRight {
    display: inline-block;
    margin-right: 0.2rem;
}

.marginRight10 {
    display: inline-block;
    margin-right: 0.5rem;
}

.marginLeft10 {
    display: inline-block;
    margin-left: 0.5rem;
}

.marginTop4 {
    margin-top: .2rem;
}

.m_b_50 {
    margin-bottom: 2.5rem !important;
}

.p_b_50 {
    padding-bottom: 2.5rem !important;
}

.whitebg {
    background: #fff;
}

.whitefont {
    color: #fff;
}

.redFont {
    color: #ee6f4c;
}

.priceFont {
    color: #e03a3e;
}

.blueFont {
    color: #5798ce;
}

.purpleFont {
    color: #a36ddd;
}

.greenFont {
    color: #4cc160;
}

.greenbg {
    background: #4cc160;
}

.brownYellowFont {
    color: #d7ad34;
}

.greyFont {
    color: #a6a6a6 !important;
}

.deepGreyFont {
    color: #919191;
}

.orangebg {
    background: #e90101;
    /*background: #f3781d;*/
}

.greybg {
    background-color: #999;
}

.lightGreyFont {
    color: #e8e8e8 !important;
}

.font12 {
    font-size: 0.6rem;
}

.font14 {
    font-size: 0.7rem;
}

.font16 {
    font-size: 0.8rem;
}

.font18 {
    font-size: 0.9rem !important;
}

.marginTop {
    margin-top: 0.5rem;
}

.marginTop8 {
    margin-top: 0.4rem;
}

.marginBottom {
    margin-bottom: 0.5rem;
}

.paddingTop10 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.rightcenter {
    display: inline-block;
    float: right;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    line-height: 1.25rem !important;
}

.paddingLeft10 {
    padding-left: 1rem;
}

.fullButton {
    width: 100%;
    border: none;
    height: 2rem;
    line-height: 2rem;
    color: #fff;
    font-size: 0.9rem;
    background: #e90101;
    text-align: center;
}

.leftMassage {
    display: inline-block;
    padding-left: 1rem;
    line-height: 2rem;
    width: 100%;
}

    .leftMassage a {
        display: inline-block;
        float: right;
        margin-right: 0.5rem;
    }

.floatRight {
    float: right;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.underLine {
    text-decoration: underline;
}

.lineThrough {
    text-decoration: line-through;
}

input[type=checkbox][readonly=readonly] {
    opacity: .50;
    filter: alpha(opacity=50);
    /* IE<9 */
    cursor: default;
}


/*weixin modal*/

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover,
    .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal {
    z-index: 6;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: none;
    overflow-y: auto !important;
    background-color: rgba(0, 0, 0, .7);
}

    .modal .modal-dialog {
        z-index: 6;
    }

    .modal .fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal .in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header .close {
    /*width: 10px;
	display: block;
	height: 37px;
	line-height: 37px;
	float: right;*/
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn {
        margin-bottom: 0;
        margin-left: 5px;
        width: 100px;
        display: inline-block;
    }

    .modal-footer a .btn .default {
        background: #999;
        color: aliceblue;
    }

    .modal-footer a .btn .btnCancel {
        color: #666;
        background-color: #fff;
        border: 1px solid #aaa;
    }

    .modal-footer a .btn .blue {
        background: #999;
        color: blue;
    }

    .modal-footer a .btn .default {
        background: #999;
        color: aliceblue;
    }

    .modal-footer a .btn .btnCancel {
        color: #666;
        background-color: #fff;
        border: 1px solid #aaa;
    }

    .modal-footer a .btn .blue {
        background: #999;
        color: blue;
    }

}

.form-group-default.has-error {
    color: #E64340 !important;
}

.bootstrap-growl {
    display: block;
    position: fixed;
    -webkit-transform: translateZ(0);
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    line-height: 1.5rem !important;
    text-align: center !important;
    color: #fff !important;
    z-index: 6 !important;
    margin: 0 !important;
}

    .bootstrap-growl .close {
        display: none;
    }

.alert-danger {
    color: #fff !important;
    background-color: #e49c1d;
    /*background-color: #E64340;*/
}

.alert-info {
    background-color: #025fbe;
}

.alert-success {
    background-color: #04be02;
}

.noMore,
.more {
    text-align: center;
    line-height: 2rem;
}

.more {
    background-color: #fff;
}

.buttonBar li {
    width: 40%;
    display: inline-block;
}

    .buttonBar li.left {
        margin-left: 5%;
    }

    .buttonBar li.right {
        margin-right: 5%;
        float: right;
    }

.btn.default {
    background-color: aliceblue;
    color: #000000;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-line-2 {
    -webkit-line-clamp: 2;
}

.ellipsis-line-3 {
    -webkit-line-clamp: 3;
}

.ellipsis-line-4 {
    -webkit-line-clamp: 4;
}

.tourType {
    position: relative;
}

.tourTypeList {
    position: absolute;
    top: auto;
    bottom: 2.5rem;
    left: -0.7rem;
    z-index: 6;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .tourTypeList ul {
        float: left;
    }

        .tourTypeList ul li {
            text-align: center;
            width: 5.3rem;
            float: left;
            position: relative;
            line-height: 1.5rem;
        }

.balance {
    background-color: #fff;
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
}

    .balance .orangeFont {
        font-size: 1.5rem;
        font-weight: bold;
    }

.jumpBar.form {
    border-bottom: none;
}

.common-formButton {
    height: 2rem;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}

    .common-formButton ul li {
        float: left;
        width: 50%;
        height: 100%;
        line-height: 2rem;
    }

        .common-formButton ul li:active {
            background: #E5E5E5;
        }

        .common-formButton ul li:first-child {
            border-right: 1px solid #dcdcdc;
        }

.orderPay {
    float: left;
    background-color: #fff;
    margin: 10px 0;
}

    .orderPay li {
        float: left;
        line-height: 2.4rem;
    }

    .orderPay .left {
        padding-left: 0.5rem;
        text-align: left;
        width: 8rem;
    }

    .orderPay .right {
        width: 8rem;
        height: 2.5rem;
        padding: 0;
    }

        .orderPay .right .btn {
            width: 5.5rem;
            margin-right: 0;
            float: left;
        }

        .orderPay .right .btn-block {
            width: 7rem;
        }

        .orderPay .right .qiehuan {
            width: 2rem;
            display: inline-block;
            float: right;
        }

            .orderPay .right .qiehuan i {
                font-size: 1.5rem !important;
            }

.orderSucceePay {
    background-color: #fff;
    margin: 10px 0;
}

    .orderSucceePay li {
    }

    .orderSucceePay .right {
        width: 16rem;
        height: 2.5rem;
        padding: 0;
    }

        .orderSucceePay .right .btn {
            width: 12rem;
            margin-left: 1rem;
            margin-right: 1rem;
            float: left;
        }

        .orderSucceePay .right .btn-block {
            width: 14rem;
            margin-left: 1rem;
            margin-right: 1rem;
        }

        .orderSucceePay .right .qiehuan {
            width: 2rem;
            display: inline-block;
            float: right;
        }

            .orderSucceePay .right .qiehuan i {
                font-size: 1.5rem !important;
            }

.poweredby {
    text-align: center;
    font-size: 0.5rem;
    color: #999;
    padding: 1rem 0;
    line-height: 1rem;
}

    .poweredby a {
        text-align: center;
        font-size: 0.3rem;
        color: #999;
    }

.telephoneNumber {
    width: 100%;
}

.rem-9 {
    width: 9rem;
}

.btn_default {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}

.normalFont a {
    display: inline-block;
}

/*******启用checkbox按钮*******/
.common-slideCheckbox {
    float: right;
    width: 60px;
    padding-top: 8px;
    /*margin-right: -15px;*/
}

    .common-slideCheckbox .checkbox1 {
        opacity: 0;
        float: right;
    }

        .common-slideCheckbox .checkbox1 + label {
            background-color: #fafbfa;
            padding: 0px;
            border-radius: 50px;
            display: inline-block;
            position: relative;
            margin-right: 30px;
            -webkit-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
            width: 51px;
            height: 29px;
            margin-top: -8px;
        }

            .common-slideCheckbox .checkbox1 + label:after {
                content: ' ';
                position: absolute;
                top: 0px;
                -webkit-transition: box-shadow 0.1s ease-in;
                transition: box-shadow 0.1s ease-in;
                left: 3px;
                width: 100%;
                height: 100%;
                border-radius: 100px;
                box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0, 0, 0, 0.4);
            }

            .common-slideCheckbox .checkbox1 + label:before {
                content: ' ';
                position: absolute;
                background: white;
                top: 1px;
                left: 3px;
                z-index: 6;
                width: 26px;
                -webkit-transition: all 0.1s ease-in;
                transition: all 0.1s ease-in;
                height: 26px;
                border-radius: 100px;
                box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0px 1px rgba(0, 0, 0, 0.3);
            }

        .common-slideCheckbox .checkbox1:active + label:before {
            width: 37px;
        }

        .common-slideCheckbox .checkbox1:checked:active + label:before {
            width: 20px;
            left: 0px;
        }

        .common-slideCheckbox .checkbox1 + label:active {
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
        }

        .common-slideCheckbox .checkbox1:checked + label:before {
            content: ' ';
            position: absolute;
            left: 26px;
            border-radius: 100px;
        }

        .common-slideCheckbox .checkbox1:checked + label:after {
            content: ' ';
            font-size: 1.5em;
            position: absolute;
            background: #4cda60;
            box-shadow: 0 0 1px #4cda60;
        }

.flipx {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    /*IE*/
    filter: FlipH;
}

/*拼团---------*/

/*拼团列表*/
.spell-group {
    margin-top: 0.5rem !important;
    width: 15rem;
    margin: auto;
    background: #fff;
    border-radius: 0.2rem;
}

    .spell-group .goods-img {
        width: 100%;
        height: 7rem;
    }

        .spell-group .goods-img img {
            width: 100%;
            height: 100%;
            border-radius: 0.2rem 0.2rem 0 0;
        }

    .spell-group .goods-content {
        width: 100%;
        padding: 0.5rem;
    }

        .spell-group .goods-content p {
            width: 100%;
            max-height: 2.5rem;
            overflow: hidden;
        }

        .spell-group .goods-content span {
            text-align: left;
            width: auto;
            margin: 0.5rem auto;
            display: inline-block;
            line-height: normal;
            height: auto;
        }

            .spell-group .goods-content  .btn-red {
                float:right;
            }

.btn-red {
    padding: 0.25rem 0.5rem;
    background: #e90101;
}

.goods-buy {
    padding: 0.5rem 0;
}

    .goods-buy a {
        float: left;
        width: 7.25rem;
        margin-left: 0.5rem;
        color: #fff;
        text-align: center;
        background: #333333;
    }

        .goods-buy a p {
            line-height: 1.5rem;
        }

        .goods-buy a:first-child {
            margin-left: 0;
        }

.bg-red {
    background: #e90101 !important;
}

.bg-yellow {
    background: #E49C1D !important;
}

.bg-info {
    background: #2aabd2 !important;
}

.del .bg-yellow {
    background-color: grey !important;
}

.del {
    text-decoration: line-through;
}

.play-introduce {
    background: #FFFFFF;
}

    .play-introduce h3 {
        width: 16rem;
        line-height: 1.6rem;
        padding: 0 0.5rem;
        margin: 0 auto;
        border-bottom: 1px solid #dcdcdc;
        font-size: 0.7rem;
        font-weight: normal;
    }

    .play-introduce .play-details {
        padding: 0.5rem 0;
    }

        .play-introduce .play-details li {
            float: left;
            width: 25%;
            height: auto;
            font-size: 0.5rem;
        }

        .play-introduce .play-details ul .active {
            color: #e90101;
        }

            .play-introduce .play-details ul .active .round {
                color: #fff;
                border: none;
                background: #e90101;
            }

        .play-introduce .play-details li .round {
            float: left;
            display: inline-block;
            width: 1rem;
            height: 1rem;
            margin-top: 0.05rem;
            margin-right: 0.25rem;
            line-height: 1rem;
            text-align: center;
            border: 1px #999999 dashed;
            border-radius: 50%;
        }

        .play-introduce .play-details li .right {
            float: left;
        }

        .play-introduce .play-details li p {
            line-height: 0.6rem;
        }

/*团详情*/
.pannel-success {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    text-align: center;
    border: 1px;
    background: #e6eedf;
    border-bottom: 1px solid #91ce31;
}

    .pannel-success span {
        color: #91ce31;
        font-size: 0.8rem;
        padding-left: 2rem;
        padding: 0.3rem 0 0.3rem 2rem;
        background: url(../img/succeed.png) no-repeat;
        background-size: auto 1.5rem;
    }

    .pannel-success p {
        padding: 0.25rem 0;
    }

/*标签*/
.tags-danger {
    color: #e90101;
    border: 2px solid #e90101;
}

.tags-gray {
    color: #808080;
    border: 2px solid #808080;
}

/*头像板块*/
.head-portrait {
    width: 100%;
    margin: auto;
    padding: 0.5rem;
}

    .head-portrait li {
        position: relative;
        float: left;
        width: 2rem;
        height: 2rem;
        margin: 0.5rem;
    }

        .head-portrait li img {
            width: 100%;
            height: 100%;
            border: 2px solid #fff;
            border-radius: 50%;
        }

.wx-portrait img {
    float: left;
    width: 1.5rem;
    height: 1.5rem;
}

.wx-portrait {
    line-height: 2rem;
    padding-top: 0.5rem;
}

    .wx-portrait .name {
        float: left;
        padding-left: 1rem;
    }

.tags {
    position: absolute;
    top:;
    right: -0.25rem;
    width: 1rem;
    height: 1rem;
    line-height: 0.8rem;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: #e90101;
    text-align: center;
    font-size: 0.6rem;
}

.tuxedo-time {
    position: relative;
    width: 100%;
    padding: 0 0.5rem 0 2.5rem;
    line-height: 1.5rem;
    margin: 0.5rem 0;
    background: #fff;
}

    .tuxedo-time .time {
        float: right;
        color: #999999;
    }

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.tags-head {
    top: 0.25rem;
    left: 0.5rem;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
}

.colonel {
    color: #fff;
    background: #535E57;
}

    .colonel:before {
        top: -0.6rem;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -0.75rem;
        content: " ";
        position: absolute;
        border-style: solid;
        border-width: 0.7rem 0.7rem 0 0.7rem;
        border-color: #535E57 transparent transparent transparent;
        transform: rotateX(180deg);
    }

    .colonel .time {
        color: #E1E1E1;
    }

.tags-head img {
    width: 100%;
    height: 100%;
    /*border: 2px solid #fff;*/
    border-radius: 50%;
}

.footBar button {
    border: none;
}

.share {
    z-index: 6;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
}

    .share .share-wx {
        width: 100%;
        padding: 0.5rem;
        border-bottom: 1px solid #ccc;
    }

        .share .share-wx textarea {
            min-height: 5rem;
            padding: 0.25rem;
        }

    .share button {
        width: 50%;
        text-align: center;
        padding: 0.5rem;
        font-size: 0.8rem;
        background: none;
        border: none;
    }

    .share .published-btn {
        color: #fff !important;
        background: #e90101 !important;
    }

/*我的订单*/
.my-order {
    width: 100%;
    margin: auto;
}

    .my-order li {
        width: 100%;
        line-height: 1.2rem;
        margin-bottom: 0.5rem;
        background: #fff;
    }

        .my-order li a {
            display: block;
            padding: 0.25rem;
        }

        .my-order li .left span:first-child {
            padding-right: 0.5rem;
        }

        .my-order li .right {
            /*max-height: 3rem;*/
            overflow: hidden;
            line-height: 1.5rem;
            position: relative;
            border-top: 1px solid #e7e7e7;
            color: #454545;
        }

.line-height-1 {
    line-height: 1.2rem !important;
}

.my-order li .right .status {
    /*width: 2rem;*/
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    position: absolute;
    top: 0.3rem;
    right: 1rem;
    border-radius: 2px;
    /*color: #fff;*/
    font-size: 0.7rem;
}

.order-menu {
    float: left;
    width: 16rem;
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
    border-radius: 4px;
    background: #fff;
    text-align: center;
}

    .order-menu li {
        float: left;
        width: 50%;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        color: #808080;
        background: #fff;
        border-left: 1px solid #dcdcdc;
    }

        .order-menu li:first-child {
            border: none !important;
        }

    .order-menu .three li {
        width: 33.33%;
    }

    .order-menu li a {
        display: block;
    }

    .order-menu ul .active {
        border-bottom: 2px solid #e90101 !important;
    }

        .order-menu ul .active a {
            color: #e90101;
        }

.sum {
    color: #de2703;
    font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 0.8rem;
}

.time-list {
    width: 100%;
    background: #fff;
}

    .time-list table {
        width: 100%;
    }

        .time-list table th {
            /*text-align: left;*/
            padding: 0.25rem;
        }

            .time-list table th:first-child,
            .time-list table td:first-child {
                max-width: 10rem;
                text-align: left !important;
                padding-left: 0.5rem;
            }

        .time-list table td {
            text-align: center;
            padding: 0.25rem;
        }

            .time-list table td label {
                margin-top: 0.25rem;
            }

            .time-list table td .btn {
                color: #fff;
                width: 100%;
                margin: 0;
                height: 1.5rem;
                line-height: 1rem;
                border-radius: 0.2rem;
                text-align: center;
            }

.btn-yellow {
    padding: 0.25rem 0.5rem;
    background: #E49C1D !important;
}

.footBar p {
    line-height: 2rem;
}

.product .status {
    position: absolute;
    right: 0.25rem;
    bottom: 0.25rem;
    width: 2.5rem;
    padding-top: 0.25rem;
    height: 2.5rem;
    line-height: 1rem;
    font-size: 0.8rem;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}

/*文本编辑*/
.news {
    width: 100%;
    padding: 0.5rem;
    background: #fff;
}

    .news a {
        display: inline-block;
        padding-left: 0.5rem;
    }

    .news h2 {
        font-size: 0.8rem;
        text-align: center;
        line-height: 1.5rem;
    }

    .news h3 {
        margin: 0;
        font-size: 0.6rem;
        line-height: 1.5rem;
    }

    .news p {
        font-size: 0.6rem;
        line-height: 1rem;
        padding-top: 0.25rem;
    }

        .news p img {
            width: 100%;
            height: auto;
        }

/*---------拼团*/

/*分销个人中心金额面板*/
.panel-money {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 0.8rem;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
}

    .panel-money li {
        float: left;
        width: 8rem;
        text-align: center;
    }

        .panel-money li p {
            padding: 0.25rem 0;
        }

        .panel-money li:first-child {
            border-right: 1px solid #e1e1e1;
        }

/*分享二维码*/
.m-t-50 {
    margin-top: 4rem;
}

.share-qr {
    width: 100%;
    padding: 0.5rem;
    text-align: center;
}

.header-logo {
    width: 100%;
    padding: 0.5rem;
    background: #fff;
    text-align: center;
}

    .header-logo img {
        width: 80%;
        height: auto;
    }

.share-qr .head {
    margin: 0.5rem 0;
}

    .share-qr .head img {
        width: 3rem;
        height: 3rem;
    }

.share-qr img {
    width: 70%;
    height: auto;
}

.share-qr h2 {
    font-size: 0.9rem;
    padding-top: 0.5rem;
}

.share-qr p {
    line-height: 1rem;
    padding-top: 0.5rem;
}

/*讨论组*/
.discuss-group {
    width: 100%;
}

    .discuss-group li {
        width: 100%;
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        background: #fff;
    }

        .discuss-group li .left {
            float: left;
        }

        .discuss-group li .right {
            float: left;
            width: auto;
        }

        .discuss-group li .left img {
            width: 1.5rem;
            height: 1.5rem;
        }

        .discuss-group li .right span {
            line-height: 2rem;
            padding-left: 1rem;
        }

/*讨论组固定入口*/
.discuss {
    position: fixed;
    top: 11rem;
    right: 0.5rem;
    padding: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #e90101;
    border: 1px solid #dcdcdc;
    background: #fff;
    background-size: 2rem;
    z-index: 1;
    opacity: 0.9;
}

    .discuss span {
        position: absolute;
        max-width: 3rem;
        top: -0.7rem;
        left: 0;
        padding: 3px 7px;
        line-height: 0.8rem;
        color: #fff;
        background: red;
        border-radius: 0.5rem;
    }

/*介绍*/
.introduction {
    font-size: 0.8rem;
    line-height: 2rem;
    text-align: center;
}

    .introduction a {
        display: inline-block;
    }

/*box*/
.box {
    margin-top: 0.5rem;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

    .box ul li {
        line-height: 1.2rem;
        padding: 0.5rem;
        border-bottom: 1px solid #ececec;
        /* font-size: 0.6rem; */
        position: relative;
    }

        .box ul li .name {
            position: absolute;
            width: 4rem;
            color: #6d6d72;
        }

        .box ul li .value {
            margin-left: 4rem;
            /* color: #000; */
            font-family: Arial, Helvetica, sans-serif;
        }

.m-l-10 {
    margin-left: 0.5rem !important;
}

.m-t-10 {
    margin-top: 0.5rem !important;
}

.m-b-10 {
    margin-bottom: 0.5rem !important;
}

.m-r-10 {
    margin-right: 0.5rem !important;
}

/*input[type="radio"]样式修改=========*/
input[type="radio"].checkbox {
    display: none;
}

/*=========input[type="radio"]*/

/*input[type="checkbox"]样式修改=========*/
input[type="checkbox"].checkbox {
    display: none;
}

.checkbox + label {
    background-color: #FFF;
    border: 1px solid #C1CACA;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);*/
    padding: 0.5rem;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-right: 0;
}

.checkbox:checked + label {
}

    .checkbox:checked + label:after {
        content: ' ';
        position: absolute;
        text-align: center;
        font-size: 0.5rem;
        padding: 0 0 0 0;
        vertical-align: text-top;
        top: 0.2rem;
        left: 0.2rem;
        width: 0.5rem;
        height: 0.5rem;
        background-color: #e90101;
        border: 1px solid #e90101;
        border-radius: 50%;
    }

/*=========input[type="checkbox"]*/

/*提示*/
.prompt {
    width: 100%;
    background: #fef9e6;
    padding: 13px 10px;
    line-height: 1rem;
    font-size: 0.7rem;
    color: #d75007;
    border-bottom: 1px solid #ebe2c0;
    text-align: center;
}

.describe-title {
    width: 100%;
    padding: 0 0.5rem;
    line-height: 2rem;
    font-size: 0.8rem;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
}

/*验证按钮*/
.verify {
    display: inline-block;
    position: absolute;
    right: 0;
    min-width: 4.5rem;
    line-height: 2.0rem;
    border: none;
    color: #fff;
    background: #e90101;
}

.disabled {
    background: #a6a6a6 !important;
}

.block {
    display: block !important;
}

.youshang {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
    background: url(../img/youshang.png) no-repeat;
    background-size: 1rem;
}

/*开关样式*/
.weui_switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 2.55rem;
    height: 1.55rem;
    border: 1px solid #DFDFDF;
    outline: 0;
    border-radius: 0.8rem;
    box-sizing: border-box;
    background: #DFDFDF;
}

    .weui_switch:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 2.5rem;
        height: 1.5rem;
        border-radius: 0.75rem;
        background-color: #FDFDFD;
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
    }

    .weui_switch:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.7rem;
        height: 1.5rem;
        border-radius: 0.75rem;
        background-color: #FFFFFF;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
    }

    .weui_switch:checked {
        border-color: #04BE02;
        background-color: #04BE02;
    }

        .weui_switch:checked:before {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        .weui_switch:checked:after {
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }

.picture {
    width: 100%;
    text-align: center;
}

    .picture img {
        width: 95%;
    }

/*loading*/
.loading_toast {
    display: none;
}

.toast {
    position: fixed;
    z-index: 3;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(40, 40, 40, 0.75);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}

.loading {
    width: 4.5em;
    height: 4.5em;
    margin-top: 0.5rem !important;
    margin: auto;
    background: url(../img/loading.gif);
    background-size: 4.5em;
}

.toast_content {
    margin: 0.25rem 0;
}

.content-btn {
    margin: 0 0.5rem;
}

    .content-btn li {
        float: left;
        width: 6.5rem;
        margin: 0 0.5rem;
    }

/*错误样式*/
.form .has-error p {
    color: red;
}

.form .has-error input {
    border: 1px solid red;
}

.form .has-error textarea {
    border: 1px solid red;
}

button {
    border: none;
}

    button:disabled {
        color: #fff;
        background-color: #AFAFAF !important;
        border-color: #e7e7e7 !important;
    }

/*提示*/
.view-box {
    width: 16rem;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

    .view-box .succeed {
        padding: 1rem;
        font-size: 0.9rem;
        color: #41b674;
        text-align: center;
    }

        .view-box .succeed span {
            padding: 0.2rem 0;
            padding-left: 2rem;
            background: url(../img/succeed.png) no-repeat;
            background-size: auto 1.3rem;
        }

        .view-box .succeed .icon {
            font-size: 1.5rem;
        }

    .view-box .failure span {
        padding: 0.2rem 0;
        padding-left: 2rem;
        background: url(../img/failure.png) no-repeat !important;
        background-size: auto 1.3rem !important;
    }

    .view-box .failure {
        padding: 1rem;
        font-size: 0.9rem;
        border-bottom: 1px solid #dcdcdc;
        text-align: center;
        color: gray !important;
    }

    .view-box p {
        font-size: 0.7rem;
        padding-top: 0.5rem;
        line-height: 1.2rem;
    }

.footbtn .btn {
    width: 15rem;
    margin: auto;
}

.footer {
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    bottom: 2.4rem;
    z-index: 9;
    text-align: center;
}

    .footer .btn {
        width: 15rem;
        margin: 0.5rem auto;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-danger {
    background-color: #d9534f;
}

/*公开团列表*/
.open-group-list {
    line-height: 1.5rem;
}

    .open-group-list .bold {
        font-weight: bold;
    }

    .open-group-list li {
        background-color: #fff;
        margin: 0.5rem 0;
        padding: 0.5rem 0.5rem 0;
        border-bottom: 1px solid #ddd;
    }

        .open-group-list li .left {
            max-width: 10rem;
            overflow: hidden;
            display: inline-block;
        }

        .open-group-list li .right {
            max-width: 5rem;
            overflow: hidden;
            float: right;
        }

        .open-group-list li .btn-join {
            background-color: #e90101;
            margin-right: 2rem;
        }

        .open-group-list li .open-title {
            border-bottom: 1px solid #ddd;
        }

        .open-group-list li .open-content {
            line-height: 1.25rem;
        }

            .open-group-list li .open-content .left p {
                color: #aaa;
            }

                .open-group-list li .open-content .left p span {
                    color: #666;
                }

/*新增模块------*/

/*拼车拼团*/
.minorMenu .spell {
    width: 8rem;
    height: 3.9rem;
    border-bottom: 1px solid #dcdcdc;
}

    .minorMenu .spell:last-child {
        border-bottom: none;
    }

    .minorMenu .spell span {
        line-height: 3.9rem;
        font-size: 0.9rem;
        display: block;
        padding-right: 1rem;
    }

    .minorMenu .spell .icon {
        font-size: 1.2rem;
        float: left;
        margin-left: 1rem;
        line-height: 3.9rem;
    }
    .tag{
        margin-left:0.5rem;
        color:#fff;
        width:0.5rem;
        height:0.5rem;
        padding:0.1rem 0.2rem;
        font-size:0.5rem;
        border-radius:50%;
        background-color: #4cc160;
    }